.title {
    display: flex;
    align-items: center;
    flex-direction: row;

    .name {
        position: relative;

        margin: 0;
        padding-left: 15px;

        font-size: 16px;
        font-weight: 500;
        &::before {
            position: absolute;
            top: 15%;
            left: 0;

            width: 3px;
            height: 70%;

            content: '';

            background-color: var(--el-color-primary);
        }
    }

    .tip {
        display: flex;
        align-items: center;
        flex-direction: row;

        margin-left: 12px;

        color: var(--el-color-primary);

        font-size: 14px;

        span {
            margin-right: 4px;

            cursor: pointer;
        }
    }
}

.desc {
    margin-top: 12px;

    color: #585858;

    font-size: 14px;
}

.content {
    display: flex;
    flex-direction: row;

    margin-top: 26px;
    padding: 0 20px;

    .content_left {
        margin-right: 36px;
    }
    .title {
        margin-bottom: 16px;

        color: #33302d;

        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
    }

    .feat_show {
        display: flex;
        flex-direction: row;

        padding: 16px 24px;

        background-color: #eaeaea;

        &_item {
            display: flex;
            flex-direction: column;

            .title {
                margin-bottom: 16px;

                color: #33302d;

                font-size: 14px;
            }

            img {
                width: 300px;
            }
        }
    }

    .text-btn {
        cursor: pointer;

        color: var(--el-color-primary);
    }

    .text-line {
        color: #33302d;

        font-size: 14px;
    }

    .create-btn {
        margin-top: 36px;
    }
}
